@size: 100px;
@space: @size / 10;

@mainColor: #238df2;
@defaultFont: #333;
@grayFont: #999;
@tablethead: #f8f8f9;
@borderColor: #eee;
@deepBorder: #ddd;
@tdColor: #f7faff;
@tdBorderColor: #dddee1;
@red: #e70707;
@pink: pink;
@blue: #2d8cf0;
@blue-light: #6cf;
@green: yellowgreen;
@deepGreen: #21c064;
@orange: #ff9d5b;
@purple: #a080ff;
@yellow: #fb0;
@white: #fff;
@bg-default: #fefefe;
@bg-container: #f5f5f5;
@bg-dark: rgba(0, 0, 0, .7);
@bg-light: rgba(255, 255, 255, .7);
@form-warning: rgba(255, 0, 0, 0.2);
@menuColor: #252630;
// 字体大小
@normal: 10px;
@small: @normal * .8;
@big: @normal * 1.2;
@x-big: @normal * 1.4;
@xx-big: @normal * 1.6;
@max-big: @normal * 3;

.light {
  filter: brightness(1.1) contrast(110%);
}

.ivu-badge-count {
  z-index: 1;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cursor-title {
  cursor: pointer;

  .e2 {
    white-space: pre-wrap;
  }
}

.ivu-table-cell {
  // span {
  //   white-space: pre-wrap;
  // }
}

.notice-red {
  width: @size * .60;
  font-size: @size * .12;
  position: absolute;
  color: @red;
}

.pading20 {
  padding: @space * 2;
}

.flex-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.flex-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.overScroll() {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.overScrollY {
  overflow-y: scroll
}

.center() {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.border(@color: @borderColor) {
  border: 1px solid @color;
}

.borderTop(@color: @borderColor) {
  border-top: 1px solid @color;
}

.borderRight(@color: @borderColor) {
  border-right: 1px solid @color;
}

.borderBottom(@color: @borderColor) {
  border-bottom: 1px solid @color;
}

.borderLeft(@color: @borderColor) {
  border-left: 1px solid @color;
}

.f1() {
  flex: 1;
}

.flexColumn() {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.flexCenter() {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flexTop() {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.flexBottom() {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.flexLeft() {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flexRight() {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.flexBetween() {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.e(@count: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @count;
  -webkit-box-orient: vertical;
}

.e1 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.e2 {
  .e(2);
}

.radius(@s: 50%) {
  border-radius: @s;
}

.max-scroll(@h: @size * 5) {
  max-height: @h;
  overflow-y: auto;
}
.scroll-500 {
  .max-scroll(@size * 5)
}
.textStroke(@s: .5px, @c: @bg-light) {
  -webkit-text-stroke: @s @c;
}

.break() {
  word-wrap: break-word;
  word-break: break-all;
}

.textShadow(@color: #fff) {
  text-shadow: @color 1px 0 0, @color 0 1px 0, @color -1px 0 0, @color 0 -1px 0;
  -webkit-text-shadow: @color 1px 0 0, @color 0 1px 0, @color -1px 0 0, @color 0 -1px 0;
  -moz-text-shadow: @color 1px 0 0, @color 0 1px 0, @color -1px 0 0, @color 0 -1px 0;
}

.whiteNormal .ivu-tooltip-inner {
  white-space: normal;
}
